@extends('d.layout.index')
@section('con')	

<div class="mws-panel-header">
	<span><i class="icon-table"></i> 商品评论详情</span>
</div>
<div class="mws-panel-body no-padding" style="margin-top:30px;padding-right:300px">
    <div class='reply'>
      用户名：<label class="con">{{$comment_list['username']}}</label>
    </div>
    <div class='reply'>
      款式：<label class="con">{{$comment_list['desc']}}</label>    
    </div>
    <div class='reply'>
      尺码：<label class="con">{{$comment_list['size']}}</label>      
    </div>
    <div class="reply">
      商品价格评分：<label class="con">{{$comment_list['pri_score']}}</label>
    </div>
    <div class="reply">
      商品质量评分：<label class="con">{{$comment_list['qua_score']}}</label>
    </div>
    <div class="reply">    
      描述相符评分：<label class="con">{{$comment_list['des_score']}}</label>
    </div>
    <div class="title">
      评论时间：
      <label class="con">{{date('Y-m-d H:i:s',$comment_list['ctime'])}}</label>
    </div>
    <div class="title">评论内容:</div>
    <div class='replay'>
        <div>{!!$comment_list['contents']!!}</div>
        @if($comment_list['pic'])
          @foreach($comment_list['pic'] as $value) 
            {!!$value!!}
          @endforeach
        @endif
    </div>
    @foreach($reply_list as $v)
    <div class="title">
      回复者：
      <label class="con">{{$v['username']}}</label>
    </div>
    <div class="title">
      回复时间：
      <label class="con">{{date('Y-m-d H:i:s',$v['ctime'])}}</label>
    </div>
    <div class="title">回复内容：</div>  
    <div class='replay'>
      <div>{!!$v['reply']!!}</div>
      @if(isset($v['pic']))
        @foreach($v['pic'] as $val)
          {!!$val!!}
        @endforeach
      @endif
    </div>
    @endforeach


    <div class="title">
      回复：
      
    </div>
    <form action="/admin/goods/reply" method='post'>  
      {{csrf_field()}}
      <input type="hidden" name='comid' value="{{$comment_list['id']}}">
      <script id="editor" type="text/plain" style="margin:10px 0px 0px 10px;width:690px;height:200px;"></script>
      <input type="submit" value="回复" class='btn' style="float:right;margin:10px 50px 0px 0px">
    </form>
   	</div>
  </div>
</div>
<style type="text/css">
  .reply{
    float:left;
    padding:5px;
    margin:10px 40px 10px 10px;
    line-height:30px;
    width:300px;
    border:1px solid #ccc;
    background:whitesmoke;
    height:30px;
    font-size:15px;
    font-weight:bold;
    border-radius:42%;
    text-align:center;
  }
  .reply:hover{
    background:skyblue;
  }
  .replay{
    margin-left:10px;
    background:whitesmoke;
    border:1px solid #ccc;
    width:670px;
    height:200px;
    border-radius:5%;
    overflow:hidden;
    padding:10px;
  }
  .title{
    margin-left:10px;
    margin-top:40px;
    width:500px;
    font-weight:bold;
    font-size:15px;

  }
  .con{
    color:gray;
    font-family:楷体;
    font-size:17px;
    font-weight:bold;
  }
</style>
<script type="text/javascript" src="/d/js/libs/jquery-1.8.3.js"></script>
<script type="text/javascript" charset="utf-8" src="/editer/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/editer/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" charset="utf-8" src="/editer/ueditor.all.min.js"></script>
<script type="text/javascript">
  var ue = UE.getEditor('editor');
  console.log($('.replay img'));
  $('.replay img').css('margin-top','80px').css('float','left');
</script>
@endsection